<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Welcome to FatalForces.com</title>
      <!-- Stylesheets -->
      <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen" />
      <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
      <!-- End Stylesheets -->
      <!-- Script -->
      <!-- End Script -->
   </head>
   <body>
      <div id="header">
         <div id="navigation">
            <div id="nav">
            <ul>
               <li><a href="#">Home</a></li>
               <li><a href="#">Forums</a></li>
               <li>
                  <a href="#">Servers</a>
                  <ul>
                     <li><a href="#">CoD4 Servers</a></li>
                     <li><a href="#">XLRStats</a></li>
                     <li><a href="#">Server Rules</a></li>
                     <li><a href="#">Server Bans</a></li>
                  </ul>
               </li>
               <li><a href="#">Extras</a></li>
            </ul>
            <div id="login">
            <form>
               <input name="username" value="username" type="text" />
               <input name="password" value="password" type="password" />
            </form>
            </div><!-- end login -->
            </div><!-- end nav -->
            
            <!-- end form ( will be done properly later ) -->
         </div>
         <!-- end navigation -->
         <div id="logo">
            <h1><a href="#">FatalForces.com</a></h1>
         </div>
         <!-- end logo -->
         <div id="slider">
            <div id="topdivider"></div>
            <!-- end top divider -->
            <div id="temp"><img src="images/slidertemp.png" align="middle" /></div>
            <!---//////////////////////////////////////////   SLIDER   //////////////////////////////////////////-->
         </div>
         <!-- end slider -->
      </div>
      <!-- end header -->
      <div id="wrap">
         <div id="content">
            <div id="sidebar">
            	<div class="widget">
                	<h2>Shoutbox</h2>
                    <div id="sbcontents">
                    	<h2>Ralph</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                    	<h2>Ralph</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                    	<h2>Ralph</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                    	<h2>Ralph</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                    </div><!-- end sbcontents -->
                    <h2 id="name">Name</h2><p>Ralph</p>
                    <textarea class="message"></textarea>
                </div><!-- end widget -->
            	<div class="widget">
                	<h2>Donate</h2>
                </div><!-- end widget -->
            	<div class="widget">
                	<h2>Profile</h2>
                </div><!-- end widget -->
            	<div class="widget">
                	<h2>Members Online</h2>
                </div><!-- end widget -->
            </div>
            <!-- end sidebar -->
            <div id="maincontent">
            	<h2>Welcome to FatalForces.</h2>
                <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean urna turpis, elementum vel hendrerit cursus, egestas ac est. Fusce non urna eget nulla porttitor blandit. Nam sed venenatis quam, in consequat felis. Nunc vestibulum massa libero, sed luctus est convallis nec. Suspendisse et neque euismod, scelerisque libero non, adipiscing ipsum. Etiam a tellus sit amet libero commodo ultrices in a nibh. Vestibulum sit amet diam eu libero egestas placerat vel in enim. Aenean libero purus, imperdiet sit amet tortor interdum, vehicula condimentum orci. Aliquam fermentum massa sagittis, iaculis neque sit amet, rutrum sapien. Cras non purus facilisis metus congue feugiat laoreet non lorem. Nulla luctus ante a pellentesque condimentum. Nulla porttitor luctus velit quis dapibus.</p>
<p>
Maecenas eu dui interdum, rhoncus mauris nec, lobortis nisi. Aenean varius massa ac metus tincidunt, in fermentum purus placerat. Aliquam porttitor nunc eget cursus adipiscing. Ut at velit nec eros egestas cursus id sit amet augue. Vestibulum risus erat, suscipit a erat ut, pretium ultrices quam. Praesent tincidunt quam a orci placerat, a scelerisque arcu rutrum. Fusce at magna at velit fermentum fermentum. Sed eleifend arcu nibh, id aliquam libero pellentesque ac. Etiam varius justo ac odio interdum auctor. Aliquam consectetur ipsum ac velit varius semper. Praesent ac elit id urna ullamcorper facilisis. Nulla et semper magna. In interdum arcu sit amet interdum vehicula. Cras congue nisi ut leo iaculis commodo.</p>
<p>
Etiam orci dolor, dictum venenatis erat in, placerat lacinia nulla. Nulla sed volutpat diam. Maecenas lorem libero, vulputate sit amet porttitor quis, pharetra eu sem. Praesent ac tempor ante. Suspendisse potenti. Proin facilisis vitae diam eu suscipit. Nam condimentum ornare odio in bibendum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse tristique lobortis lorem id cursus.
                </p>
            </div>
            <!-- end maincontent -->
         </div>
         <!-- end content -->
      </div>
      <!-- end wrap -->
      <div id="footer">
      </div>
      <!-- end footer -->
   </body>
</html>
